<template>
	<div class="search">
		<van-field class="input-box" placeholder="搜索商品名称、链接" disabled @click="$router.push({ path: '/jd/goods-search' })" />
		<i class="iconfont icon-sousuo sousuo" @click="$router.push({ path: '/jd/goods-search' })"></i>
	</div>
</template>

<script>
import { Field } from 'vant';

export default {
	name: 'Search',
	components: {
		'van-field': Field
	},
	data() {
		return {};
	},

	methods: {
		// 数字增长
	}
};
</script>

<style lang="scss" scoped>
.search {
	width: 100%;
	height: 64px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 20px;
	.input-box {
		width: 584px;
		height: 64px;
		border-radius: 32px;
		display: flex;
		align-items: center;
	}
	.sousuo {
		color: #ffffff;
		font-size: 50px;
	}
}
</style>
